<template>
  <upload-excel :on-success="success" />
</template>

<script>
import { addMultipleEmployeeAPI } from '@/api'
export default {
  methods: {
    async success({ header, results }) {
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      // results里面是数组 数组里面又是一个个的对象下面写法错误
      // var newObj = {}
      // // 新的对象里面的是 英文: 数据 <= 赋值的形式
      // Object.keys(userRelations).forEach(item => {
      //   // userRelations[item]是英文字段
      //   // newObj[userRelations[item]]是新对象的属性对应的值应该等于什么
      //   // results[item]是上传文件的表格 的数据
      //   newObj[userRelations[item]] = results[item]
      // })
      // [{'工号': 1, '姓名': '小李'},]
      const arr = []
      results.forEach(item => {
        var newObj = {}
        // item是一个个的对象
        Object.keys(userRelations).forEach(key => {
          // key是中文键
          // userRelations[key] 是英文键
          // newObj[userRelations[key]]是新对象的英文键对应取什么值
          // item[key]是中文键对应的值
          if (userRelations[key] === 'timeOfEntry' || userRelations[key] === 'correctionTime') {
            item[key] = new Date(this.formatDate(item[key], '-'))
          }
          newObj[userRelations[key]] = item[key]
        })
        arr.push(newObj)
      })

      // 接口调用
      try {
        const res = await addMultipleEmployeeAPI(arr)
        console.log(res)
        this.$message.success('批量导入成功')
        // 跳转到页面 员工列表 回去即可
        this.$router.back()
        // 更新员工列表数据 跳转到那个页面会自动重新获取
      } catch (error) {
        console.log(error)
        this.$message.fail('批量导入失败')
      }
    },
    // 批量导入 时间格式化 43535 => 正常时间
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
